<template>
	<div class="login-wrap">
		<div class="login-container">
			<div class="login-box">
				<div class="login-left -enter-x">
					<div class="left-content">
						<img :src="loginMain" class="-enter-x" />
						<div class="left-content-text-one -enter-x">
							<span>{{ app.title }}</span>
						</div>
						<div class="left-content-text-two -enter-x">
							<span>{{ app.desc }}</span>
						</div>
					</div>
				</div>
				<div class="login-right enter-x">
					<div class="login-form-box enter-x">
						<h2 class="mb-3 mt-3 pl-4 pr-4 text-2xl font-bold text-center enter-x xl:text-3xl xl:text-left enter-x">
							登录
						</h2>
						<Account />
					</div>
				</div>
			</div>
		</div>
	</div>
</template>

<script setup lang="ts" name="LoginIndex">
import loginMain from '@/assets/svg/login-main.svg'
import { useSettingStore } from '@/store'
import Account from './components/account.vue'

// 定义变量内容
const { appSetting } = storeToRefs(useSettingStore())
const { app } = appSetting.value
</script>

<style scoped lang="scss"></style>
